﻿<!DOCTYPE html>
<html>
  <head>
    <title>相册</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/相册/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/相册/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u159" class="ax_default _一级标题">
        <div id="u159_div" class=""></div>
        <div id="u159_text" class="text ">
          <p><span>界面一：相册(可交互式原型)</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u160" class="ax_default" data-left="30" data-top="117" data-width="459" data-height="911">

        <!-- Unnamed (矩形) -->
        <div id="u161" class="ax_default box_3">
          <div id="u161_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u162" class="ax_default box_1">
          <img id="u162_img" class="img " src="images/相册/u162.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u163" class="ax_default box_2">
          <div id="u163_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u164" class="ax_default _三级标题">
        <div id="u164_div" class=""></div>
        <div id="u164_text" class="text ">
          <p><span>智能相册</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u165" class="ax_default line">
        <img id="u165_img" class="img " src="images/相册/u165.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u166" class="ax_default _三级标题">
        <div id="u166_div" class=""></div>
        <div id="u166_text" class="text ">
          <p><span>人物</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u167" class="ax_default _三级标题">
        <div id="u167_div" class=""></div>
        <div id="u167_text" class="text ">
          <p><span>风景</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u168" class="ax_default _三级标题">
        <div id="u168_div" class=""></div>
        <div id="u168_text" class="text ">
          <p><span>笔记</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u169" class="ax_default image">
        <img id="u169_img" class="img " src="images/登录_权限页面/u82.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u170" class="ax_default image">
        <img id="u170_img" class="img " src="images/登录_权限页面/u83.jpg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u171" class="ax_default _三级标题">
        <div id="u171_div" class=""></div>
        <div id="u171_text" class="text ">
          <p><span>分类相册</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u172" class="ax_default image">
        <img id="u172_img" class="img " src="images/登录_权限页面/u85.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u173" class="ax_default image">
        <img id="u173_img" class="img " src="images/登录_权限页面/u86.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u174" class="ax_default _三级标题">
        <div id="u174_div" class=""></div>
        <div id="u174_text" class="text ">
          <p><span>微信</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u175" class="ax_default _三级标题">
        <div id="u175_div" class=""></div>
        <div id="u175_text" class="text ">
          <p><span>微博</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u176" class="ax_default image">
        <img id="u176_img" class="img " src="images/登录_权限页面/u89.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u177" class="ax_default _三级标题">
        <div id="u177_div" class=""></div>
        <div id="u177_text" class="text ">
          <p><span>截图</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u178" class="ax_default line">
        <img id="u178_img" class="img " src="images/相册/u165.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u179" class="ax_default image">
        <img id="u179_img" class="img " src="images/登录_权限页面/u92.jpg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u180" class="ax_default _三级标题">
        <div id="u180_div" class=""></div>
        <div id="u180_text" class="text ">
          <p><span>时光相册</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u181" class="ax_default image">
        <img id="u181_img" class="img " src="images/登录_权限页面/u94.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u182" class="ax_default image">
        <img id="u182_img" class="img " src="images/登录_权限页面/u95.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u183" class="ax_default image">
        <img id="u183_img" class="img " src="images/登录_权限页面/u96.jpg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u184" class="ax_default _三级标题">
        <div id="u184_div" class=""></div>
        <div id="u184_text" class="text ">
          <p><span>近10天</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u185" class="ax_default _三级标题">
        <div id="u185_div" class=""></div>
        <div id="u185_text" class="text ">
          <p><span>月份</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u186" class="ax_default _三级标题">
        <div id="u186_div" class=""></div>
        <div id="u186_text" class="text ">
          <p><span>年</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u187" class="ax_default icon">
        <img id="u187_img" class="img " src="images/相册/u187.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u188" class="ax_default icon">
        <img id="u188_img" class="img " src="images/相册/u188.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u189" class="ax_default line">
        <img id="u189_img" class="img " src="images/相册/u165.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u190" class="ax_default line">
        <img id="u190_img" class="img " src="images/相册/u190.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u191" class="ax_default icon">
        <img id="u191_img" class="img " src="images/相册/u191.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u192" class="ax_default label">
        <div id="u192_div" class=""></div>
        <div id="u192_text" class="text ">
          <p><span>相册</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u193" class="ax_default icon">
        <img id="u193_img" class="img " src="images/相册/u193.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u194" class="ax_default label">
        <div id="u194_div" class=""></div>
        <div id="u194_text" class="text ">
          <p><span>功能</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u195" class="ax_default icon">
        <img id="u195_img" class="img " src="images/相册/u195.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u196" class="ax_default label">
        <div id="u196_div" class=""></div>
        <div id="u196_text" class="text ">
          <p><span>我的</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u197" class="ax_default icon">
        <img id="u197_img" class="img " src="images/相册/u197.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u198" class="ax_default label">
        <div id="u198_div" class=""></div>
        <div id="u198_text" class="text ">
          <p><span>共享</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u199" class="ax_default _三级标题">
        <div id="u199_div" class=""></div>
        <div id="u199_text" class="text ">
          <p><span>个人相册</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u200" class="ax_default box_2">
        <div id="u200_div" class=""></div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u201" class="ax_default icon">
        <img id="u201_img" class="img " src="images/相册/u201.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u202" class="ax_default image">
        <img id="u202_img" class="img " src="images/登录_权限页面/u15.jpg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u203" class="ax_default box_1">
        <img id="u203_img" class="img " src="images/相册/u203.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u204" class="ax_default _一级标题">
        <div id="u204_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u205" class="ax_default label">
        <div id="u205_div" class=""></div>
        <div id="u205_text" class="text ">
          <p><span>1.在获取手机相册、定位权限后，登录完&nbsp; </span></p><p><span>&nbsp;&nbsp; 成进入相册页面</span></p><p><span><br></span></p><p><span>2.点击搜索可根据标签找到对应的相册，</span></p><p><span>&nbsp;&nbsp; 点击“+”可进入共享相册</span></p><p><span><br></span></p><p><span>3.【智能相册】将自动为用户手机图片做</span></p><p><span>&nbsp;&nbsp;&nbsp; 分类，如人物、笔记（带有文字的图片） </span></p><p><span>&nbsp;&nbsp;&nbsp; 风景、地点等</span></p><p><span><br></span></p><p><span>4.【分类相册】将按照获取图片的来源进</span></p><p><span>&nbsp;&nbsp;&nbsp; 行分类如微信、微博、截图、前置摄像头</span></p><p><span><br></span></p><p><span>5.【时光相册】将按照获取图片的时间对</span></p><p><span>&nbsp;&nbsp;&nbsp; 图片进行分类</span></p><p><span><br></span></p><p><span>6.【个人相册】提供用户的自建相册,点击“+”</span></p><p><span>&nbsp;&nbsp;&nbsp; 即可新建相册</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u206" class="ax_default _二级标题">
        <div id="u206_div" class=""></div>
        <div id="u206_text" class="text ">
          <p><span>功能说明：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u207" class="ax_default box_1">
        <img id="u207_img" class="img " src="images/相册/u207.png"/>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u208" class="ax_default">
        <div id="u208_state0" class="panel_state" data-label="相册" style="">
          <div id="u208_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u209" class="ax_default _三级标题">
              <div id="u209_div" class=""></div>
              <div id="u209_text" class="text ">
                <p><span>智能相册</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u210" class="ax_default line">
              <img id="u210_img" class="img " src="images/相册/u165.png"/>
            </div>

            <!-- Unnamed (组合 ) -->
            <div id="u211" class="ax_default" data-left="24" data-top="76" data-width="111" data-height="141">

              <!-- Unnamed (矩形) -->
              <div id="u212" class="ax_default _三级标题">
                <div id="u212_div" class=""></div>
                <div id="u212_text" class="text ">
                  <p><span>人物</span></p>
                </div>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u213" class="ax_default image">
                <img id="u213_img" class="img " src="images/登录_权限页面/u82.png"/>
              </div>
            </div>

            <!-- Unnamed (组合 ) -->
            <div id="u214" class="ax_default" data-left="166" data-top="76" data-width="111" data-height="141">

              <!-- Unnamed (矩形) -->
              <div id="u215" class="ax_default _三级标题">
                <div id="u215_div" class=""></div>
                <div id="u215_text" class="text ">
                  <p><span>风景</span></p>
                </div>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u216" class="ax_default image">
                <img id="u216_img" class="img " src="images/登录_权限页面/u83.jpg"/>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u217" class="ax_default _三级标题">
              <div id="u217_div" class=""></div>
              <div id="u217_text" class="text ">
                <p><span>分类相册</span></p>
              </div>
            </div>

            <!-- Unnamed (组合 ) -->
            <div id="u218" class="ax_default" data-left="20" data-top="269" data-width="115" data-height="147">

              <!-- Unnamed (图片 ) -->
              <div id="u219" class="ax_default image">
                <img id="u219_img" class="img " src="images/登录_权限页面/u85.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u220" class="ax_default _三级标题">
                <div id="u220_div" class=""></div>
                <div id="u220_text" class="text ">
                  <p><span>微信</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合 ) -->
            <div id="u221" class="ax_default" data-left="155" data-top="269" data-width="122" data-height="147">

              <!-- Unnamed (图片 ) -->
              <div id="u222" class="ax_default image">
                <img id="u222_img" class="img " src="images/登录_权限页面/u86.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u223" class="ax_default _三级标题">
                <div id="u223_div" class=""></div>
                <div id="u223_text" class="text ">
                  <p><span>微博</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合 ) -->
            <div id="u224" class="ax_default" data-left="309" data-top="269" data-width="95" data-height="147">

              <!-- Unnamed (图片 ) -->
              <div id="u225" class="ax_default image">
                <img id="u225_img" class="img " src="images/登录_权限页面/u89.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u226" class="ax_default _三级标题">
                <div id="u226_div" class=""></div>
                <div id="u226_text" class="text ">
                  <p><span>截图</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u227" class="ax_default line">
              <img id="u227_img" class="img " src="images/相册/u165.png"/>
            </div>

            <!-- Unnamed (组合 ) -->
            <div id="u228" class="ax_default" data-left="309" data-top="76" data-width="95" data-height="142">

              <!-- Unnamed (矩形) -->
              <div id="u229" class="ax_default _三级标题">
                <div id="u229_div" class=""></div>
                <div id="u229_text" class="text ">
                  <p><span>笔记</span></p>
                </div>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u230" class="ax_default image">
                <img id="u230_img" class="img " src="images/登录_权限页面/u92.jpg"/>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u231" class="ax_default _三级标题">
              <div id="u231_div" class=""></div>
              <div id="u231_text" class="text ">
                <p><span>时光相册</span></p>
              </div>
            </div>

            <!-- Unnamed (组合 ) -->
            <div id="u232" class="ax_default" data-left="20" data-top="468" data-width="115" data-height="147">

              <!-- Unnamed (图片 ) -->
              <div id="u233" class="ax_default image">
                <img id="u233_img" class="img " src="images/登录_权限页面/u94.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u234" class="ax_default _三级标题">
                <div id="u234_div" class=""></div>
                <div id="u234_text" class="text ">
                  <p><span>近10天</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合 ) -->
            <div id="u235" class="ax_default" data-left="173" data-top="468" data-width="115" data-height="147">

              <!-- Unnamed (图片 ) -->
              <div id="u236" class="ax_default image">
                <img id="u236_img" class="img " src="images/登录_权限页面/u95.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u237" class="ax_default _三级标题">
                <div id="u237_div" class=""></div>
                <div id="u237_text" class="text ">
                  <p><span>月份</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合 ) -->
            <div id="u238" class="ax_default" data-left="314" data-top="468" data-width="86" data-height="147">

              <!-- Unnamed (图片 ) -->
              <div id="u239" class="ax_default image">
                <img id="u239_img" class="img " src="images/登录_权限页面/u96.jpg"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u240" class="ax_default _三级标题">
                <div id="u240_div" class=""></div>
                <div id="u240_text" class="text ">
                  <p><span>年</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u241" class="ax_default icon">
              <img id="u241_img" class="img " src="images/相册/u187.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u242" class="ax_default icon">
              <img id="u242_img" class="img " src="images/相册/u188.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u243" class="ax_default line">
              <img id="u243_img" class="img " src="images/相册/u165.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u244" class="ax_default line">
              <img id="u244_img" class="img " src="images/相册/u190.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u245" class="ax_default icon">
              <img id="u245_img" class="img " src="images/相册/u191.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u246" class="ax_default label">
              <div id="u246_div" class=""></div>
              <div id="u246_text" class="text ">
                <p><span>相册</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u247" class="ax_default icon">
              <img id="u247_img" class="img " src="images/相册/u193.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u248" class="ax_default label">
              <div id="u248_div" class=""></div>
              <div id="u248_text" class="text ">
                <p><span>功能</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u249" class="ax_default icon">
              <img id="u249_img" class="img " src="images/相册/u195.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u250" class="ax_default label">
              <div id="u250_div" class=""></div>
              <div id="u250_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u251" class="ax_default icon">
              <img id="u251_img" class="img " src="images/相册/u197.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u252" class="ax_default label">
              <div id="u252_div" class=""></div>
              <div id="u252_text" class="text ">
                <p><span>共享</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u253" class="ax_default _三级标题">
              <div id="u253_div" class=""></div>
              <div id="u253_text" class="text ">
                <p><span>个人相册</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u254" class="ax_default box_2">
              <div id="u254_div" class=""></div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u255" class="ax_default icon">
              <img id="u255_img" class="img " src="images/相册/u201.png"/>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u256" class="ax_default image">
              <img id="u256_img" class="img " src="images/登录_权限页面/u15.jpg"/>
            </div>
          </div>
        </div>
        <div id="u208_state1" class="panel_state" data-label="人物" style="visibility: hidden;">
          <div id="u208_state1_content" class="panel_state_content">

            <!-- Unnamed (组合 ) -->
            <div id="u257" class="ax_default" data-left="5" data-top="6" data-width="416" data-height="817">

              <!-- Unnamed (矩形) -->
              <div id="u258" class="ax_default _三级标题">
                <div id="u258_div" class=""></div>
                <div id="u258_text" class="text ">
                  <p><span>近10天</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u259" class="ax_default _三级标题">
                <div id="u259_div" class=""></div>
                <div id="u259_text" class="text ">
                  <p><span>月份</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u260" class="ax_default _三级标题">
                <div id="u260_div" class=""></div>
                <div id="u260_text" class="text ">
                  <p><span>年</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u261" class="ax_default _三级标题">
                <div id="u261_div" class=""></div>
                <div id="u261_text" class="text ">
                  <p><span>个人相册</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u262" class="ax_default icon">
                <img id="u262_img" class="img " src="images/相册/u262.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u263" class="ax_default icon">
                <img id="u263_img" class="img " src="images/相册/u188.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u264" class="ax_default line">
                <img id="u264_img" class="img " src="images/相册/u264.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u265" class="ax_default icon">
                <img id="u265_img" class="img " src="images/相册/u265.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u266" class="ax_default label">
                <div id="u266_div" class=""></div>
                <div id="u266_text" class="text ">
                  <p><span>相册</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u267" class="ax_default icon">
                <img id="u267_img" class="img " src="images/相册/u267.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u268" class="ax_default label">
                <div id="u268_div" class=""></div>
                <div id="u268_text" class="text ">
                  <p><span>功能</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u269" class="ax_default icon">
                <img id="u269_img" class="img " src="images/相册/u269.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u270" class="ax_default label">
                <div id="u270_div" class=""></div>
                <div id="u270_text" class="text ">
                  <p><span>我的</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u271" class="ax_default icon">
                <img id="u271_img" class="img " src="images/相册/u197.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u272" class="ax_default label">
                <div id="u272_div" class=""></div>
                <div id="u272_text" class="text ">
                  <p><span>共享</span></p>
                </div>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u273" class="ax_default image">
                <img id="u273_img" class="img " src="images/登录_权限页面/u15.jpg"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u274" class="ax_default _二级标题">
                <div id="u274_div" class=""></div>
                <div id="u274_text" class="text ">
                  <p><span>人物</span></p>
                </div>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u275" class="ax_default arrow">
                <img id="u275_img" class="img " src="images/相册/u275.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u276" class="ax_default label">
                <div id="u276_div" class=""></div>
                <div id="u276_text" class="text ">
                  <p><span>铁子</span></p>
                </div>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u277" class="ax_default image">
                <img id="u277_img" class="img " src="images/相册/u277.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u278" class="ax_default label">
                <div id="u278_div" class=""></div>
                <div id="u278_text" class="text ">
                  <p><span>小柒</span></p>
                </div>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u279" class="ax_default image">
                <img id="u279_img" class="img " src="images/相册/u279.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u280" class="ax_default label">
                <div id="u280_div" class=""></div>
                <div id="u280_text" class="text ">
                  <p><span>何染</span></p>
                </div>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u281" class="ax_default image">
                <img id="u281_img" class="img " src="images/相册/u281.png"/>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u282" class="ax_default image">
                <img id="u282_img" class="img " src="images/相册/u282.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u283" class="ax_default label">
                <div id="u283_div" class=""></div>
                <div id="u283_text" class="text ">
                  <p><span>我的合照</span></p>
                </div>
              </div>
            </div>

            <!-- 12 (组合 ) -->
            <div id="u284" class="ax_default ax_default_hidden" data-label="12" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

              <!-- Unnamed (矩形) -->
              <div id="u285" class="ax_default box_2">
                <div id="u285_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u286" class="ax_default label">
                <div id="u286_div" class=""></div>
                <div id="u286_text" class="text ">
                  <p><span>新建相册</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u208_state2" class="panel_state" data-label="风景" style="visibility: hidden;">
          <div id="u208_state2_content" class="panel_state_content">

            <!-- Unnamed (组合 ) -->
            <div id="u287" class="ax_default" data-left="4" data-top="4" data-width="417" data-height="818">

              <!-- Unnamed (形状) -->
              <div id="u288" class="ax_default icon">
                <img id="u288_img" class="img " src="images/相册/u288.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u289" class="ax_default icon">
                <img id="u289_img" class="img " src="images/相册/u289.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u290" class="ax_default line">
                <img id="u290_img" class="img " src="images/相册/u290.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u291" class="ax_default icon">
                <img id="u291_img" class="img " src="images/相册/u291.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u292" class="ax_default label">
                <div id="u292_div" class=""></div>
                <div id="u292_text" class="text ">
                  <p><span>相册</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u293" class="ax_default icon">
                <img id="u293_img" class="img " src="images/相册/u293.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u294" class="ax_default label">
                <div id="u294_div" class=""></div>
                <div id="u294_text" class="text ">
                  <p><span>功能</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u295" class="ax_default icon">
                <img id="u295_img" class="img " src="images/相册/u295.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u296" class="ax_default label">
                <div id="u296_div" class=""></div>
                <div id="u296_text" class="text ">
                  <p><span>我的</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u297" class="ax_default icon">
                <img id="u297_img" class="img " src="images/相册/u197.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u298" class="ax_default label">
                <div id="u298_div" class=""></div>
                <div id="u298_text" class="text ">
                  <p><span>共享</span></p>
                </div>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u299" class="ax_default image">
                <img id="u299_img" class="img " src="images/登录_权限页面/u15.jpg"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u300" class="ax_default _二级标题">
                <div id="u300_div" class=""></div>
                <div id="u300_text" class="text ">
                  <p><span>风景</span></p>
                </div>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u301" class="ax_default arrow">
                <img id="u301_img" class="img " src="images/相册/u275.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u302" class="ax_default label">
                <div id="u302_div" class=""></div>
                <div id="u302_text" class="text ">
                  <p><span>夜景</span></p>
                </div>
              </div>

              <!-- Unnamed (组合 ) -->
              <div id="u303" class="ax_default" data-left="17" data-top="108" data-width="126" data-height="166">

                <!-- Unnamed (矩形) -->
                <div id="u304" class="ax_default label">
                  <div id="u304_div" class=""></div>
                  <div id="u304_text" class="text ">
                    <p><span>自然风景</span></p>
                  </div>
                </div>

                <!-- Unnamed (图片 ) -->
                <div id="u305" class="ax_default image">
                  <img id="u305_img" class="img " src="images/相册/u305.jpg"/>
                </div>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u306" class="ax_default image">
                <img id="u306_img" class="img " src="images/相册/u306.jpg"/>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u307" class="ax_default image">
                <img id="u307_img" class="img " src="images/相册/u307.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u308" class="ax_default label">
                <div id="u308_div" class=""></div>
                <div id="u308_text" class="text ">
                  <p><span>建筑</span></p>
                </div>
              </div>
            </div>

            <!-- 123 (组合 ) -->
            <div id="u309" class="ax_default ax_default_hidden" data-label="123" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

              <!-- Unnamed (矩形) -->
              <div id="u310" class="ax_default box_2">
                <div id="u310_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u311" class="ax_default label">
                <div id="u311_div" class=""></div>
                <div id="u311_text" class="text ">
                  <p><span>新建相册</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u208_state3" class="panel_state" data-label="笔记" style="visibility: hidden;">
          <div id="u208_state3_content" class="panel_state_content">

            <!-- Unnamed (组合 ) -->
            <div id="u312" class="ax_default" data-left="7" data-top="0" data-width="422" data-height="836">

              <!-- Unnamed (矩形) -->
              <div id="u313" class="ax_default box_1">
                <img id="u313_img" class="img " src="images/相册/u313.png"/>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u314" class="ax_default image">
                <img id="u314_img" class="img " src="images/相册/u314.jpg"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u315" class="ax_default icon">
                <img id="u315_img" class="img " src="images/相册/u262.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u316" class="ax_default icon">
                <img id="u316_img" class="img " src="images/相册/u188.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u317" class="ax_default line">
                <img id="u317_img" class="img " src="images/相册/u317.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u318" class="ax_default icon">
                <img id="u318_img" class="img " src="images/相册/u291.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u319" class="ax_default label">
                <div id="u319_div" class=""></div>
                <div id="u319_text" class="text ">
                  <p><span>相册</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u320" class="ax_default icon">
                <img id="u320_img" class="img " src="images/相册/u320.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u321" class="ax_default label">
                <div id="u321_div" class=""></div>
                <div id="u321_text" class="text ">
                  <p><span>功能</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u322" class="ax_default icon">
                <img id="u322_img" class="img " src="images/相册/u322.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u323" class="ax_default label">
                <div id="u323_div" class=""></div>
                <div id="u323_text" class="text ">
                  <p><span>我的</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u324" class="ax_default icon">
                <img id="u324_img" class="img " src="images/相册/u197.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u325" class="ax_default label">
                <div id="u325_div" class=""></div>
                <div id="u325_text" class="text ">
                  <p><span>共享</span></p>
                </div>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u326" class="ax_default image">
                <img id="u326_img" class="img " src="images/登录_权限页面/u15.jpg"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u327" class="ax_default _二级标题">
                <div id="u327_div" class=""></div>
                <div id="u327_text" class="text ">
                  <p><span>识别笔记</span></p>
                </div>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u328" class="ax_default arrow">
                <img id="u328_img" class="img " src="images/相册/u328.png"/>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u329" class="ax_default image">
                <img id="u329_img" class="img " src="images/相册/u329.jpg"/>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u330" class="ax_default image">
                <img id="u330_img" class="img " src="images/相册/u330.jpg"/>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u331" class="ax_default image">
                <img id="u331_img" class="img " src="images/相册/u331.png"/>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u332" class="ax_default image">
                <img id="u332_img" class="img " src="images/相册/u332.jpg"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u333" class="ax_default _文本段落">
                <div id="u333_div" class=""></div>
                <div id="u333_text" class="text ">
                  <p><span>长按图片选择识别的笔记图片</span></p>
                </div>
              </div>
            </div>

            <!-- 1234 (组合 ) -->
            <div id="u334" class="ax_default ax_default_hidden" data-label="1234" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

              <!-- Unnamed (矩形) -->
              <div id="u335" class="ax_default box_2">
                <div id="u335_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u336" class="ax_default label">
                <div id="u336_div" class=""></div>
                <div id="u336_text" class="text ">
                  <p><span>手动导入图片</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u208_state4" class="panel_state" data-label="微信" style="visibility: hidden;">
          <div id="u208_state4_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u337" class="ax_default box_1">
              <img id="u337_img" class="img " src="images/相册/u337.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u338" class="ax_default icon">
              <img id="u338_img" class="img " src="images/相册/u262.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u339" class="ax_default icon">
              <img id="u339_img" class="img " src="images/相册/u188.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u340" class="ax_default line">
              <img id="u340_img" class="img " src="images/相册/u340.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u341" class="ax_default icon">
              <img id="u341_img" class="img " src="images/相册/u265.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u342" class="ax_default label">
              <div id="u342_div" class=""></div>
              <div id="u342_text" class="text ">
                <p><span>相册</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u343" class="ax_default icon">
              <img id="u343_img" class="img " src="images/相册/u267.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u344" class="ax_default label">
              <div id="u344_div" class=""></div>
              <div id="u344_text" class="text ">
                <p><span>功能</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u345" class="ax_default icon">
              <img id="u345_img" class="img " src="images/相册/u269.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u346" class="ax_default label">
              <div id="u346_div" class=""></div>
              <div id="u346_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u347" class="ax_default icon">
              <img id="u347_img" class="img " src="images/相册/u197.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u348" class="ax_default label">
              <div id="u348_div" class=""></div>
              <div id="u348_text" class="text ">
                <p><span>共享</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u349" class="ax_default image">
              <img id="u349_img" class="img " src="images/登录_权限页面/u15.jpg"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u350" class="ax_default _二级标题">
              <div id="u350_div" class=""></div>
              <div id="u350_text" class="text ">
                <p><span>微信</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u351" class="ax_default arrow">
              <img id="u351_img" class="img " src="images/相册/u275.png"/>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u352" class="ax_default image">
              <img id="u352_img" class="img " src="images/相册/u352.jpg"/>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u353" class="ax_default image">
              <img id="u353_img" class="img " src="images/相册/u353.png"/>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u354" class="ax_default image">
              <img id="u354_img" class="img " src="images/相册/u354.jpg"/>
            </div>
          </div>
        </div>
        <div id="u208_state5" class="panel_state" data-label="微博" style="visibility: hidden;">
          <div id="u208_state5_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u355" class="ax_default box_1">
              <img id="u355_img" class="img " src="images/相册/u355.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u356" class="ax_default icon">
              <img id="u356_img" class="img " src="images/相册/u262.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u357" class="ax_default icon">
              <img id="u357_img" class="img " src="images/相册/u188.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u358" class="ax_default line">
              <img id="u358_img" class="img " src="images/相册/u358.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u359" class="ax_default icon">
              <img id="u359_img" class="img " src="images/相册/u359.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u360" class="ax_default label">
              <div id="u360_div" class=""></div>
              <div id="u360_text" class="text ">
                <p><span>相册</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u361" class="ax_default icon">
              <img id="u361_img" class="img " src="images/相册/u267.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u362" class="ax_default label">
              <div id="u362_div" class=""></div>
              <div id="u362_text" class="text ">
                <p><span>功能</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u363" class="ax_default icon">
              <img id="u363_img" class="img " src="images/相册/u322.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u364" class="ax_default label">
              <div id="u364_div" class=""></div>
              <div id="u364_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u365" class="ax_default icon">
              <img id="u365_img" class="img " src="images/相册/u365.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u366" class="ax_default label">
              <div id="u366_div" class=""></div>
              <div id="u366_text" class="text ">
                <p><span>共享</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u367" class="ax_default image">
              <img id="u367_img" class="img " src="images/登录_权限页面/u15.jpg"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u368" class="ax_default _二级标题">
              <div id="u368_div" class=""></div>
              <div id="u368_text" class="text ">
                <p><span>微博</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u369" class="ax_default arrow">
              <img id="u369_img" class="img " src="images/相册/u275.png"/>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u370" class="ax_default image">
              <img id="u370_img" class="img " src="images/相册/u352.jpg"/>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u371" class="ax_default image">
              <img id="u371_img" class="img " src="images/相册/u353.png"/>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u372" class="ax_default image">
              <img id="u372_img" class="img " src="images/相册/u354.jpg"/>
            </div>
          </div>
        </div>
        <div id="u208_state6" class="panel_state" data-label="截图" style="visibility: hidden;">
          <div id="u208_state6_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u373" class="ax_default box_1">
              <img id="u373_img" class="img " src="images/相册/u373.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u374" class="ax_default icon">
              <img id="u374_img" class="img " src="images/相册/u262.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u375" class="ax_default icon">
              <img id="u375_img" class="img " src="images/相册/u289.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u376" class="ax_default line">
              <img id="u376_img" class="img " src="images/相册/u376.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u377" class="ax_default icon">
              <img id="u377_img" class="img " src="images/相册/u191.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u378" class="ax_default label">
              <div id="u378_div" class=""></div>
              <div id="u378_text" class="text ">
                <p><span>相册</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u379" class="ax_default icon">
              <img id="u379_img" class="img " src="images/相册/u320.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u380" class="ax_default label">
              <div id="u380_div" class=""></div>
              <div id="u380_text" class="text ">
                <p><span>功能</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u381" class="ax_default icon">
              <img id="u381_img" class="img " src="images/相册/u269.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u382" class="ax_default label">
              <div id="u382_div" class=""></div>
              <div id="u382_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u383" class="ax_default icon">
              <img id="u383_img" class="img " src="images/相册/u197.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u384" class="ax_default label">
              <div id="u384_div" class=""></div>
              <div id="u384_text" class="text ">
                <p><span>共享</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u385" class="ax_default image">
              <img id="u385_img" class="img " src="images/登录_权限页面/u15.jpg"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u386" class="ax_default _二级标题">
              <div id="u386_div" class=""></div>
              <div id="u386_text" class="text ">
                <p><span>截图</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u387" class="ax_default arrow">
              <img id="u387_img" class="img " src="images/相册/u275.png"/>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u388" class="ax_default image">
              <img id="u388_img" class="img " src="images/相册/u352.jpg"/>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u389" class="ax_default image">
              <img id="u389_img" class="img " src="images/相册/u353.png"/>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u390" class="ax_default image">
              <img id="u390_img" class="img " src="images/相册/u354.jpg"/>
            </div>
          </div>
        </div>
        <div id="u208_state7" class="panel_state" data-label="近10天" style="visibility: hidden;">
          <div id="u208_state7_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u391" class="ax_default box_1">
              <img id="u391_img" class="img " src="images/相册/u391.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u392" class="ax_default icon">
              <img id="u392_img" class="img " src="images/相册/u262.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u393" class="ax_default icon">
              <img id="u393_img" class="img " src="images/相册/u188.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u394" class="ax_default line">
              <img id="u394_img" class="img " src="images/相册/u394.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u395" class="ax_default icon">
              <img id="u395_img" class="img " src="images/相册/u265.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u396" class="ax_default label">
              <div id="u396_div" class=""></div>
              <div id="u396_text" class="text ">
                <p><span>相册</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u397" class="ax_default icon">
              <img id="u397_img" class="img " src="images/相册/u267.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u398" class="ax_default label">
              <div id="u398_div" class=""></div>
              <div id="u398_text" class="text ">
                <p><span>功能</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u399" class="ax_default icon">
              <img id="u399_img" class="img " src="images/相册/u195.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u400" class="ax_default label">
              <div id="u400_div" class=""></div>
              <div id="u400_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u401" class="ax_default icon">
              <img id="u401_img" class="img " src="images/相册/u197.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u402" class="ax_default label">
              <div id="u402_div" class=""></div>
              <div id="u402_text" class="text ">
                <p><span>共享</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u403" class="ax_default image">
              <img id="u403_img" class="img " src="images/登录_权限页面/u15.jpg"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u404" class="ax_default _二级标题">
              <div id="u404_div" class=""></div>
              <div id="u404_text" class="text ">
                <p><span>近10天</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u405" class="ax_default arrow">
              <img id="u405_img" class="img " src="images/相册/u275.png"/>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u406" class="ax_default image">
              <img id="u406_img" class="img " src="images/登录_权限页面/u94.png"/>
            </div>
          </div>
        </div>
        <div id="u208_state8" class="panel_state" data-label="月份" style="visibility: hidden;">
          <div id="u208_state8_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u407" class="ax_default box_1">
              <img id="u407_img" class="img " src="images/相册/u391.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u408" class="ax_default icon">
              <img id="u408_img" class="img " src="images/相册/u262.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u409" class="ax_default icon">
              <img id="u409_img" class="img " src="images/相册/u188.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u410" class="ax_default line">
              <img id="u410_img" class="img " src="images/相册/u394.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u411" class="ax_default icon">
              <img id="u411_img" class="img " src="images/相册/u265.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u412" class="ax_default label">
              <div id="u412_div" class=""></div>
              <div id="u412_text" class="text ">
                <p><span>相册</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u413" class="ax_default icon">
              <img id="u413_img" class="img " src="images/相册/u267.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u414" class="ax_default label">
              <div id="u414_div" class=""></div>
              <div id="u414_text" class="text ">
                <p><span>功能</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u415" class="ax_default icon">
              <img id="u415_img" class="img " src="images/相册/u195.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u416" class="ax_default label">
              <div id="u416_div" class=""></div>
              <div id="u416_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u417" class="ax_default icon">
              <img id="u417_img" class="img " src="images/相册/u197.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u418" class="ax_default label">
              <div id="u418_div" class=""></div>
              <div id="u418_text" class="text ">
                <p><span>共享</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u419" class="ax_default image">
              <img id="u419_img" class="img " src="images/登录_权限页面/u15.jpg"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u420" class="ax_default _二级标题">
              <div id="u420_div" class=""></div>
              <div id="u420_text" class="text ">
                <p><span>月份</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u421" class="ax_default arrow">
              <img id="u421_img" class="img " src="images/相册/u275.png"/>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u422" class="ax_default image">
              <img id="u422_img" class="img " src="images/登录_权限页面/u94.png"/>
            </div>
          </div>
        </div>
        <div id="u208_state9" class="panel_state" data-label="年" style="visibility: hidden;">
          <div id="u208_state9_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u423" class="ax_default box_1">
              <img id="u423_img" class="img " src="images/相册/u391.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u424" class="ax_default icon">
              <img id="u424_img" class="img " src="images/相册/u262.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u425" class="ax_default icon">
              <img id="u425_img" class="img " src="images/相册/u188.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u426" class="ax_default line">
              <img id="u426_img" class="img " src="images/相册/u394.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u427" class="ax_default icon">
              <img id="u427_img" class="img " src="images/相册/u265.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u428" class="ax_default label">
              <div id="u428_div" class=""></div>
              <div id="u428_text" class="text ">
                <p><span>相册</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u429" class="ax_default icon">
              <img id="u429_img" class="img " src="images/相册/u267.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u430" class="ax_default label">
              <div id="u430_div" class=""></div>
              <div id="u430_text" class="text ">
                <p><span>功能</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u431" class="ax_default icon">
              <img id="u431_img" class="img " src="images/相册/u195.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u432" class="ax_default label">
              <div id="u432_div" class=""></div>
              <div id="u432_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u433" class="ax_default icon">
              <img id="u433_img" class="img " src="images/相册/u197.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u434" class="ax_default label">
              <div id="u434_div" class=""></div>
              <div id="u434_text" class="text ">
                <p><span>共享</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u435" class="ax_default image">
              <img id="u435_img" class="img " src="images/登录_权限页面/u15.jpg"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u436" class="ax_default _二级标题">
              <div id="u436_div" class=""></div>
              <div id="u436_text" class="text ">
                <p><span>年</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u437" class="ax_default arrow">
              <img id="u437_img" class="img " src="images/相册/u275.png"/>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u438" class="ax_default image">
              <img id="u438_img" class="img " src="images/登录_权限页面/u94.png"/>
            </div>
          </div>
        </div>
        <div id="u208_state10" class="panel_state" data-label="共享" style="visibility: hidden;">
          <div id="u208_state10_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u439" class="ax_default box_1">
              <img id="u439_img" class="img " src="images/相册/u439.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u440" class="ax_default icon">
              <img id="u440_img" class="img " src="images/相册/u187.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u441" class="ax_default icon">
              <img id="u441_img" class="img " src="images/相册/u188.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u442" class="ax_default line">
              <img id="u442_img" class="img " src="images/相册/u190.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u443" class="ax_default icon">
              <img id="u443_img" class="img " src="images/相册/u443.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u444" class="ax_default label">
              <div id="u444_div" class=""></div>
              <div id="u444_text" class="text ">
                <p><span>相册</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u445" class="ax_default icon">
              <img id="u445_img" class="img " src="images/相册/u193.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u446" class="ax_default label">
              <div id="u446_div" class=""></div>
              <div id="u446_text" class="text ">
                <p><span>功能</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u447" class="ax_default icon">
              <img id="u447_img" class="img " src="images/相册/u195.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u448" class="ax_default label">
              <div id="u448_div" class=""></div>
              <div id="u448_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u449" class="ax_default icon">
              <img id="u449_img" class="img " src="images/相册/u449.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u450" class="ax_default label">
              <div id="u450_div" class=""></div>
              <div id="u450_text" class="text ">
                <p><span>共享</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u451" class="ax_default image">
              <img id="u451_img" class="img " src="images/登录_权限页面/u15.jpg"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u452" class="ax_default box_2">
              <div id="u452_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u453" class="ax_default _三级标题">
              <div id="u453_div" class=""></div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u454" class="ax_default icon">
              <img id="u454_img" class="img " src="images/相册/u454.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u455" class="ax_default box_1">
              <div id="u455_div" class=""></div>
              <div id="u455_text" class="text ">
                <p><span>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; 创建共享相册</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u456" class="ax_default box_1">
              <div id="u456_div" class=""></div>
              <div id="u456_text" class="text ">
                <p><span>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 输入邀请码</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u457" class="ax_default icon">
              <img id="u457_img" class="img " src="images/相册/u457.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u458" class="ax_default icon">
              <img id="u458_img" class="img " src="images/相册/u458.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u459" class="ax_default box_2">
              <div id="u459_div" class=""></div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u460" class="ax_default image">
              <img id="u460_img" class="img " src="images/相册/u460.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u461" class="ax_default _二级标题">
              <div id="u461_div" class=""></div>
              <div id="u461_text" class="text ">
                <p><span>三年A班</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u462" class="ax_default arrow">
              <img id="u462_img" class="img " src="images/相册/u462.png"/>
            </div>
          </div>
        </div>
        <div id="u208_state11" class="panel_state" data-label="自然风景" style="visibility: hidden;">
          <div id="u208_state11_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u463" class="ax_default box_1">
              <img id="u463_img" class="img " src="images/相册/u463.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u464" class="ax_default icon">
              <img id="u464_img" class="img " src="images/相册/u262.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u465" class="ax_default icon">
              <img id="u465_img" class="img " src="images/相册/u188.png"/>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u466" class="ax_default image">
              <img id="u466_img" class="img " src="images/登录_权限页面/u15.jpg"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u467" class="ax_default _二级标题">
              <div id="u467_div" class=""></div>
              <div id="u467_text" class="text ">
                <p><span>自然风景</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u468" class="ax_default arrow">
              <img id="u468_img" class="img " src="images/相册/u328.png"/>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u469" class="ax_default image">
              <img id="u469_img" class="img " src="images/相册/u469.jpg"/>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u470" class="ax_default image">
              <img id="u470_img" class="img " src="images/相册/u470.png"/>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u471" class="ax_default image">
              <img id="u471_img" class="img " src="images/相册/u471.jpg"/>
            </div>

            <!-- 321 (组合 ) -->
            <div id="u472" class="ax_default ax_default_hidden" data-label="321" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

              <!-- Unnamed (矩形) -->
              <div id="u473" class="ax_default box_2">
                <div id="u473_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u474" class="ax_default label">
                <div id="u474_div" class=""></div>
                <div id="u474_text" class="text ">
                  <p><span>手动导入图片</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
